﻿@charset "utf-8";

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button {
    margin: 0;
    padding: 0;
    font-family: '돋움',dotum,Helvetica,sans-serif;
    -webkit-text-size-adjust: none;
}

body, input, textarea, select {
    font-size: 14px;
    line-height: 1.25em;
}

    body.s, .s input, .s textarea, .s select, .s button, .s table {
        font-family: Helvetica;
    }

body {
    position: relative;
    background-color: #f4f4f4;
    color: #000;
    word-wrap: break-word;
    word-break: break-all;
}

.it, textarea {
    border: 1px solid #bcbcbc;
}

li {
    list-style: none;
}

table {
    border-collapse: collapse;
}

img, fieldset {
    border: none;
}

a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

label {
    cursor: pointer;
}

strong {
    font-weight: normal;
}

em, address {
    font-style: normal;
}

.hc, hr {
    display: none!important;
}

.is {
    width: 19px;
    height: 19px;
}

.fx {
    max-width: 100%;
}

.u_hc, .u_skip {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.u_vc {
    position: absolute;
    z-index: -1;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
}

#ct {
    clear: both;
    width: 100%;
    background-color: #fff;
}

    #ct:after {
        display: block;
        clear: both;
        content: '';
    }

.cr {
    clear: both;
    padding: 5px 0 11px;
    font-size: 10px;
    color: #909090;
    text-align: center;
}

    .cr a {
        color: #909090;
    }

    .cr .dd {
        margin-left: .5em;
        font-size: 12px;
    }

.u_clrt, .atbt .atbt_b, .u_ico, .u_ftsa_v1 .u_ico, .u_ftst .u_ico {
    background: url(http://static.naver.net/m/comic/im/2012/u_cm2.png) no-repeat 0 0;
}

.u_ts {
    position: relative;
    z-index: 20;
    width: 100%;
    height: 48px;
    background: url(http://static.naver.net/m/comic/im/2012/bg_h.png) repeat-x;
    background-size: 1px 48px;
    text-align: center;
}

h1 a {
    display: inline-block;
    overflow: hidden;
    width: 61px;
    height: 32px;
    margin-top: 7px;
    background: url(http://static.naver.net/m/comic/im/2012/btn_tit_header.png) no-repeat;
    background-size: 126px 32px;
    vertical-align: top;
}

    h1 a + a {
        width: 65px;
        background-position: -61px 0;
    }

    h1 a span {
        visibility: hidden;
    }

.bg {
    display: inline-block;
    width: 226px;
    height: 41px;
    margin-right: 8px;
    background: #1f1f26;
}

.u_gnbt, .u_gnbh, .u_ts_a, .u_hsbt, .u_hs .u_hssbt {
    background: url(http://static.naver.net/m/comic/im/2012/u_gnb4_3g.png) no-repeat;
}

.u_ts_a {
    display: inline-block;
    position: relative;
    z-index: 30;
    width: 40px;
    height: 46px;
    background-position: -132px 12px;
}

.u_gnbh {
    position: absolute;
    top: 7px;
    left: 5px;
    z-index: 40;
    width: 62px;
    height: 32px;
}

.u_gnbt {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 7px;
    right: 5px;
    z-index: 30;
    width: 32px;
    height: 32px;
    background-position: -65px 0;
}

    .u_gnbt div {
        width: 100%;
        height: 100%;
    }

.u_gnbt_fd {
    background-position: -100px 0;
}

.u_gnbw {
    clear: both;
}

.u_gnbuw {
    position: relative;
    padding: 7px;
    border-top: 1px solid #161616;
    border-bottom: 1px solid #191919;
    background: #202020;
    text-align: left;
}

.u_gnbu_w {
    background: #fff;
    box-shadow: 0 0 1px #000;
}

.u_gnbuwm {
    margin-bottom: 0;
}

.u_gnbu {
    overflow: hidden;
    clear: both;
    position: relative;
    padding: 9px 0 9px 10px;
    border-top: 1px solid #e5e5e5;
}

.u_gnbuf {
    padding-top: 11px;
    border-top: none;
}

.u_gnb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 91px;
    padding: 2px 0 3px;
}

.u_gnb_v1 {
    width: 13em;
}

.u_gnba {
    display: inline-block;
    height: 31px;
    padding: 0 .25em;
    line-height: 31px;
    color: #222;
    white-space: nowrap;
}

.u_gnba_v1 {
    font-size: 15px;
}

.u_gnbn {
    display: inline-block;
    overflow: hidden;
    width: 11px;
    height: 11px;
    background: url(http://static.naver.net/m/comic/im/2012/u_cm2.png) no-repeat;
    background-color: #e12;
    text-indent: 15px;
    vertical-align: 0;
}

.u_gnba_v1 .u_gnbn {
    vertical-align: -1px;
}

.u_hsbt {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 7px;
    right: 40px;
    z-index: 30;
    width: 32px;
}

.u_hsbt_op {
    height: 32px;
    background-position: 0 -40px;
}

    .u_hsbt_op div {
        display: block;
        height: 32px;
    }

.u_hsbt_fd {
    height: 32px;
    background-position: -38px -40px;
}

    .u_hsbt_fd div {
        display: block;
        height: 32px;
    }

.u_hs {
    position: relative;
    width: 100%;
    height: 35px;
    background-color: #f4f4ec;
    margin-bottom: 4px;
}

.u_hsw {
    padding: 3px 105px 4px 5px;
    box-shadow: inset 0 -1px 0 #000;
    border-bottom: 1px solid #242424;
    background: #202020;
}

.u_hs .u_itw {
    overflow: hidden;
}

.u_hs .u_itwi {
    position: relative;
    height: 22px;
    padding: 7px 39px 0 6px;
    border: 1px solid #141414;
    background: #fff;
    box-shadow: inset 0 2px 2px #e5e5e5;
}

.u_hs .u_it {
    width: 100%;
    border: 0;
    font-size: 13px;
    color: #181818;
    border-radius: 0;
    -webkit-appearance: none;
}

    .u_hs .u_it.u_sd {
        color: #888;
    }

.u_clrt {
    overflow: hidden;
    position: absolute;
    top: -1px;
    right: 3px;
    z-index: 10;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 0;
    background-position: 5px -405px!important;
    text-indent: 40px;
    white-space: nowrap;
    cursor: pointer;
}

.u_hs .u_hssbt {
    position: absolute;
    top: 3px;
    height: 31px;
    border: 0;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    letter-spacing: -1px;
    border-radius: 0;
    -webkit-appearance: none;
}

.s .u_hs .u_hssbt {
    letter-spacing: -2px;
    text-indent: -2px;
}

.u_hs .u_hssbt_ss {
    right: 67px;
    width: 39px;
    background-position: -100px -40px;
}

.u_hs .u_hssbt_us {
    right: 5px;
    width: 58px;
    background-position: -142px -40px;
    white-space: nowrap;
}

.sea_tit {
    position: relative;
    height: 34px;
    border-bottom: 1px solid #cecece;
    background: #f1f1f1;
    text-align: center;
}

    .sea_tit .st_tit {
        font-size: 14px;
        color: #181818;
        font-weight: bold;
        padding-top: 10px;
    }

    .sea_tit .tit_txt {
        font-size: 14px;
        font-weight: bold;
        color: #f13e07;
    }

    .sea_tit .u_btn {
        display: inline-block;
        position: absolute;
        top: 3px;
        left: 5px;
        padding: 4px 8px 3px;
        border: 1px solid #c5c5c5;
        background: #fff;
        background: linear-gradient(to bottom right, #FFFFFF 0%, #FBFBFB 50%, #F1F1F1 100%);
        font-size: .95em;
        color: #222;
        letter-spacing: -1px;
        white-space: nowrap;
    }

        .sea_tit .u_btn .uc_ico_pv {
            display: inline-block;
            margin-left: -.15em;
            padding: 1px 1px 0 11px;
            background: url(http://static.naver.com/m/terms/im/ib.gif) no-repeat 2px 4px;
            font-size: 13px;
            color: #5e5e5e;
        }

    .sea_tit .u_dsc .u_btn .pc {
        font-family: Helvetica,sans-serif;
        font-size: 13px;
        color: #000;
    }

.ser_lstw_v1 {
    padding-bottom: 15px;
}

.ser_lst {
    overflow: hidden;
    border-top: 1px solid #ececec;
}

    .ser_lst:nth-of-type(1) {
        border: none;
    }

.ser_lst_v1 {
    border-bottom: 1px solid #dfdfdf;
}

.ser_lst a {
    display: block;
    overflow: hidden;
    padding: 8px .71em 7px;
}

.ser_lst .thmp {
    overflow: hidden;
    float: left;
    margin-right: 10px;
    margin-bottom: 3px;
    padding-top: 2px;
}

.ser_lst dl {
    overflow: hidden;
}

.ser_lst dt {
    padding-bottom: 2px;
    font-size: 14px;
}

    .ser_lst dt span {
        margin-left: 7px;
        color: #777;
    }

    .ser_lst dt a {
        font-size: 14px;
        color: #1172b6;
    }

.ser_lst dd {
    font-size: 13px;
    line-height: 1.43em;
    color: #000;
}

.ft {
    clear: both;
    border-top: 1px solid #dfe1e3;
    color: #d5d6d8;
    text-align: center;
    white-space: nowrap;
}

    .ft a {
        color: #666;
    }

.ft1 {
    padding: 13px 0 12px;
    color: #909090;
}

    .ft1 a, .ft1 span {
        display: inline-block;
        margin-right: -4px;
        padding: 0 .5em 0 .6em;
        background: url(http://static.naver.com/www/m/cm/im/ftv2.gif) no-repeat 0 3px;
        font-size: 15px;
    }

        .ft1 a.f, .ft1 span.f {
            background: none;
        }

.ft2 a {
    display: inline-block;
    width: 61px;
    height: 28px;
    background: #ddd url(http://static.naver.com/www/m/cm/im/ftv2.gif) no-repeat 0 -42px;
    line-height: 28px;
    font-size: 13px;
    letter-spacing: -1px;
}

    .ft2 a.lk2 {
        width: 58px;
        background-position: 0 -70px;
    }

    .ft2 a.lk3 {
        width: 111px;
        background-position: 0 -98px;
    }

.atit {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.atcp {
    position: relative;
    z-index: 900;
    width: 100%;
}

.atcpw {
    position: absolute;
    left: 0;
    width: 100%;
    padding-bottom: 1.5em;
    font-size: 14px;
    text-align: left;
}

.atcpw2 {
    border: 1px solid #666;
    border-top-color: #e8e8e8;
    background: #fff;
}

.atcpli {
    border-bottom: 1px solid #f7f7f7;
    font-size: .93em;
}

.atcpa {
    display: block;
    overflow: hidden;
    padding: .5em;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .atcpa em, .atcpkw {
        color: #e51313;
    }

.atcpsb {
    margin-left: .8em;
    color: #888;
}

.atbt {
    margin-top: -1px;
    padding: .25em .4em;
    border-top: 1px solid #e8e8e8;
    background: #f8f8f8;
    text-align: right;
}

    .atbt .atbt_b {
        overflow: visible;
        margin: 0;
        padding: .45em 1.4em .4em .3em;
        border: 0;
        background-position: 100% -440px;
        font-size: 12px;
        color: #666;
        cursor: pointer;
        -webkit-appearance: none;
    }

.atcpt .atcpw2 {
    border-top-color: #bcbcbc;
    border-right: 0;
    border-left: 0;
}

.atcpb .atcpw {
    top: -11px;
}

.atcpb .atcpw2 {
    margin: 0 43px 0 10px;
    border-color: #bcbcbc;
}

.atcp {
    position: relative;
    z-index: 900;
    width: 100%;
}

.atcpw {
    position: absolute;
    left: 0;
    width: 100%;
    padding-bottom: 1.5em;
    font-size: 14px;
    text-align: left;
}

.atcpw2 {
    border: 1px solid #666;
    border-top-color: #e8e8e8;
    background: #fff;
}

.atcpli {
    border-bottom: 1px solid #f7f7f7;
    font-size: .93em;
}

.atcpa {
    display: block;
    overflow: hidden;
    padding: .5em;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .atcpa em, .atcpkw {
        color: #e51313;
    }

.atcpsb {
    margin-left: .8em;
    color: #888;
}

.atbt {
    margin-top: -1px;
    padding: .25em .4em;
    border-top: 1px solid #e8e8e8;
    background: #f8f8f8;
    text-align: right;
}

    .atbt button {
        overflow: visible;
        width: 4em;
        margin: 0;
        padding: .45em 1.1em .4em .3em;
        border: none;
        background: url(http://static.naver.com/m/comic/im/u_cm2.gif) no-repeat 100% -303px;
        font-size: .86em;
        color: #666;
        cursor: pointer;
        -webkit-appearance: none;
    }

        .atbt button .w {
            -webkit-margin-start: -10px;
        }

.atcpt .atcpw2 {
    border-top-color: #bcbcbc;
    border-right: 0;
    border-left: 0;
}

.atcpb .atcpw {
    top: -11px;
}

.atcpb .atcpw2 {
    margin: 0 43px 0 10px;
    border-color: #bcbcbc;
}

.st1 {
    color: #ed1b23;
}

.st2 {
    color: #1172b6;
}

.st3 {
    color: #32a800;
}

.tx1 {
    color: #000;
}

.tx2 {
    color: #666;
}

.tx3 {
    color: #909090;
}

.tx4 {
    color: #fff;
}

.bt3 {
    display: inline-block;
    height: 20px;
    padding: 0 .4em;
    border: 1px solid #bcbcbc;
    background: #f1f1f1 url(http://static.naver.com/www/m/cm/im/bt.gif) repeat-x 0 0;
    line-height: 20px;
    font-size: .85em;
    color: #666;
    letter-spacing: -1px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

    .bt3 .x {
        display: inline-block;
        padding-left: 1.1em;
        background: url(http://static.naver.net/m/comic/im/ib3.png) no-repeat 2px -144px;
    }

.bt4 {
    display: inline-block;
    border: 1px solid #bcbcbc;
    background: #f1f1f1 url(http://static.naver.com/www/m/cm/im/bt.gif) repeat-x 0 -65px;
    color: #666;
    letter-spacing: -1px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.bt4pv img, .bt4nx img {
    width: 100%;
    height: 100%;
    background: url(http://static.naver.com/www/m/cm/im/ib3.gif) no-repeat 12px 8px;
}

.bt4nx img {
    background-position: 4px -31px;
}

.bt5 {
    display: inline-block;
    height: 25px;
    padding: 0 8px 0 7px;
    border: 1px solid #bcbcbc;
    background: #f1f1f1 url(http://static.naver.com/www/m/cm/im/bt.gif) repeat-x 0 -65px;
    line-height: 25px;
    font-size: .93em;
    color: #5e5e5e;
    letter-spacing: -1px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

    .bt5.on {
        border-color: #30c70a;
        color: #33a600;
    }

    .bt5 .x {
        display: inline-block;
        padding-left: 14px;
        background: url(http://static.naver.net/m/comic/im/ib3.png) no-repeat 2px -141px;
    }

.bt5pv, .bt5nx {
    width: 30px;
    padding: 0;
}

    .bt5pv img, .bt5nx img {
        width: 100%;
        height: 100%;
        background: url(http://static.naver.net/m/comic/im/ib3.png) no-repeat 12px 8px;
    }

    .bt5nx img {
        background-position: 4px -31px;
    }

.bt7 {
    display: block;
    overflow: hidden;
    height: 33px;
    border: 1px solid #bcbcbc;
    background: #f1f1f1 url(http://static.naver.com/www/m/cm/im/bt.gif) repeat-x 0 -139px;
    line-height: 33px;
    font-size: .93em;
    color: #181818;
    letter-spacing: -1px;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}

    .bt7 .pv {
        display: inline-block;
        padding-left: .8em;
        background: url(http://static.naver.net/m/comic/im/ib3.png) no-repeat 0 11px;
    }

    .bt7 .nx {
        display: inline-block;
        padding-right: 1em;
        background: url(http://static.naver.net/m/comic/im/ib3.png) no-repeat 100% -28px;
    }

    .bt7 a {
        position: relative;
        float: left;
        height: 100%;
    }

        .bt7 a:nth-child(n+2):after {
            display: block;
            overflow: hidden;
            position: absolute;
            left: 0;
            top: 0;
            width: 1px;
            height: 100%;
            border-left: 1px solid #bcbcbc;
            background: #fff;
            content: '';
        }

.sbt1 {
    display: inline-block;
    border: 1px solid #bcbcbc;
    background: #f1f1f1 url(http://static.naver.com/www/m/cm/im/bt.gif) repeat-x 0 0;
    vertical-align: middle;
}

    .sbt1 input {
        overflow: visible;
        width: 66px;
        height: 25px;
        border: none;
        background: url(http://static.naver.net/m/comic/im/ib3.png) no-repeat 8px -180px;
        font-size: .93em;
        color: #666;
        text-indent: 9px;
        vertical-align: middle;
        white-space: nowrap;
        cursor: pointer;
        border-radius: 0;
    }

.sbt2 {
    overflow: visible;
    width: 58px;
    height: 22px;
    border: 1px solid #bcbcbc;
    background: #f1f1f1 url(http://static.naver.com/www/m/cm/im/bt.gif) repeat-x 0 0;
    font-size: .85em;
    color: #666;
    text-indent: -7px;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 0;
}

.pg1 {
    padding: 10px 0;
    text-align: center;
    white-space: nowrap;
}

    .pg1 a {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 2px;
        border: 1px solid #e3e3e3;
        background-color: #fff;
        line-height: 24px;
        font-size: .85em;
        color: #666;
        text-align: center;
        vertical-align: middle;
    }

        .pg1 a.on {
            border-color: #3c0;
            color: #32a800;
        }

    .pg1 .bt4 {
        width: 30px;
        border-color: #bcbcbc;
        background-color: #f1f1f1;
    }

    .pg1 .bt4pv {
        margin-right: 6px;
    }

    .pg1 .bt4nx {
        margin-left: 4px;
    }

    .pg1 em {
        margin: 0 .5em;
        font-size: .93em;
        color: #666;
    }

    .pg1 strong {
        color: #ed1b23;
    }

.pg12 .bt4nx {
    margin-left: 0;
}

.pg2 {
    position: relative;
    width: 100%;
    height: 35px;
    color: #000;
    text-align: center;
}

    .pg2.t {
        margin-top: 15px;
    }

    .pg2 .no {
        display: inline-block;
        line-height: 35px;
        font-size: 15px;
        vertical-align: middle;
    }

        .pg2 .no.pg {
            display: inline;
            padding: 0 12px;
            line-height: 35px;
            font-size: 15px;
            vertical-align: middle;
        }

        .pg2 .no em {
            margin: 0 1.2em 0 .8em;
            font-size: .93em;
            color: #666;
        }

        .pg2 .no strong {
            color: #32a800;
        }

    .pg2 a, .pg2 .bt4 {
        display: inline-block;
        width: 38px;
        height: 33px;
        margin-right: 6px;
        border: 1px solid #e3e3e3;
        background-color: #fff;
        line-height: 33px;
        font-size: .85em;
        color: #666;
        text-align: center;
        vertical-align: middle;
    }

    .pg2 .bt4pv img {
        background-position: 16px 12px;
    }

    .pg2 .bt4nx img {
        background-position: 8px -27px;
    }

    .pg2 .bt4nxr {
        margin-right: 0;
    }

    .pg2 .bt4pv5 img {
        background-position: 14px -642px;
    }

    .pg2 .bt4nx5 img {
        background-position: 10px -681px;
    }

    .pg2 a.on {
        border-color: #3c0;
        color: #32a800;
    }

    .pg2 .bt4 {
        width: 38px;
        border-color: #bcbcbc;
        background-color: #f1f1f1;
    }

    .pg2 .bt4nx5, .pg12 .bt4nx {
        margin-right: 0;
    }

    .pg2 span.bt4 {
        visibility: hidden;
        overflow: hidden;
    }

.pgl {
    top: 0;
    left: 10px;
}

.pgr {
    top: 0;
    right: 10px;
}

.pg3 {
    margin: 20px 0;
    text-align: center;
}

    .pg3 a {
        display: inline-block;
        font-size: 1em;
        font-family: tahoma;
        color: #999;
        vertical-align: middle;
    }

    .pg3 span {
        font-size: 1em;
        font-family: tahoma;
        color: #999;
    }

        .pg3 span.start {
            margin-left: 15px;
            color: #32a800;
        }

        .pg3 span.end {
            margin-right: 15px;
        }

.ic1 {
    width: 13px;
    height: 13px;
    background: url(http://static.naver.com/www/m/cm/im/ic_bd.gif) no-repeat 0 0;
}

.ic_mo {
    background-position: -13px 0;
}

.ic_fi {
    background-position: -26px 0;
}

.ic_vt {
    background-position: -39px 0;
}

.ic_mp {
    background-position: -76px 0;
}

.ic_re {
    width: 12px;
    background-position: -52px 0;
}

.ic_re2 {
    width: 12px;
    background-position: -63px 0;
}

.ic_nw {
    width: 11px;
    height: 11px;
    background-position: -219px 0;
}

.fi3 {
    display: inline-block;
    padding-left: .85em;
    background: url(http://static.naver.net/m/comic/im/ib3.png) no-repeat 1px -313px;
}

.bt3 .fi3 {
    background-position: 1px -310px;
}

.pl, .pr, .pr2 {
    position: absolute;
    white-space: nowrap;
}

.pl {
    top: 4px;
    left: 5px;
}

.pr {
    top: 4px;
    right: 5px;
}

.pr2 {
    top: 4px;
    right: 66px;
}

.btm1 {
    position: relative;
    width: 100%;
    margin: -1px 0 .35em;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #cecece;
    background: #e6e7e7 url(http://static.naver.com/m/cm/im/bt.gif) repeat-x 0 -222px;
    text-align: center;
}

.btm1m {
    display: block;
    height: 43px;
    margin-right: 53px;
    border-right: 1px solid #bfc1c1;
    line-height: 1.15em;
}

.btm1mw {
    display: inline-block;
    padding: 7px 0 0 27px;
    background: url(http://static.naver.com/m/cm/im/ib3.png) no-repeat 0 -801px;
}

.btm1lod {
    position: absolute;
    margin: 3px 0 0 -32px;
}

.btm1mn {
    font-family: Helvetica;
    font-size: 11px;
    color: #8b999c;
}

.btm1t {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 25px;
    padding-top: 18px;
    border-left: 1px solid #fff;
    background: url(http://static.naver.com/m/cm/im/ib3.png) no-repeat 50% -854px;
    font-size: 11px;
    letter-spacing: -1px;
}

.btm1to {
    position: relative;
    width: 100%;
    border-left: 0;
}

.al1 {
    padding: 4.6em 10px 4em;
    background: url(http://static.naver.com/www/m/cm/im/ic_ac.gif) no-repeat 50% 1.43em;
    font-size: 1em;
    text-align: center;
}

    .al1, .al1 * {
        word-break: normal;
    }

.alq {
    background-image: url(http://static.naver.com/www/m/cm/im/ic_aq.gif);
}

.aln {
    background-image: url(http://static.naver.com/www/m/cm/im/ic_an.gif);
}

.al1 h2 {
    font-size: 1em;
}

    .al1 h2 strong {
        font-weight: bold;
        color: #32a800;
    }

    .al1 h2 span {
        white-space: nowrap;
    }

.al1 .w {
    white-space: nowrap;
}

.al1 p {
    margin-top: .5em;
    color: #909090;
}

.al1 .ac {
    margin-top: 1.25em;
}

.al1 .bx1 {
    margin: 1.78em 20px;
    border: 1px solid #e6e6e6;
    text-align: left;
}

    .al1 .bx1 li {
        padding: .7em 1em;
        border-top: 1px solid #f3f3f3;
    }

    .al1 .bx1 .f {
        border-top: none;
    }

.al1 .bx2 {
    margin: 1em 20px;
    padding: .8em;
    border: 1px solid #dfdfdf;
}

    .al1 .bx2 em {
        color: #32a800;
    }

.al1 .dl2 {
    width: 100%;
    font-size: .93em;
    text-align: left;
}

    .al1 .dl2 dt {
        float: left;
        padding-right: .4em;
    }

    .al1 .dl2 dd {
        overflow: hidden;
        padding-left: .4em;
        background: url(http://static.naver.com/www/m/cm/im/bu_dv.gif) no-repeat 0 .2em;
    }

.al1 .dv {
    display: inline-block;
    overflow: hidden;
    width: 1px;
    height: 13px;
    background: #d7d7d7;
    color: #d7d7d7;
    text-indent: -100em;
    vertical-align: -.1em;
}

.ts {
    position: relative;
    width: 100%;
    height: 33px;
    background: #3B3B3B url(http://static.naver.com/m/comic/im/bg.gif) repeat-x 0 0;
    color: #fff;
    text-align: center;
}

    .ts a {
        color: #fff;
    }

    .ts .lg {
        position: absolute;
        top: 0;
        left: 50%;
        width: 93px;
        margin-left: -46px;
        font-size: 12px;
    }

        .ts .lg a {
            display: block;
            overflow: hidden;
            float: left;
            position: relative;
            height: 33px;
            line-height: 33px;
            color: #fff;
        }

        .ts .lg span {
            display: block;
            float: left;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            background: url(http://static.naver.com/m/comic/im/ts.gif) no-repeat 2px 0;
        }

        .ts .lg .n {
            width: 58px;
        }

        .ts .lg .s {
            width: 35px;
        }

            .ts .lg .s span {
                background-position: -56px 0;
            }

    .ts .ql {
        display: block;
        position: absolute;
        top: 3px;
        right: 5px;
        width: 70px;
        height: 28px;
        background: #748289 url(http://static.naver.com/m/comic/im/ts.gif) no-repeat 0 -33px;
        line-height: 28px;
        font-size: 13px;
        letter-spacing: -1px;
        text-align: left;
        text-indent: 8px;
        white-space: nowrap;
    }

.tn {
    position: relative;
    width: 100%;
    height: 35px;
    background: #3B3B3B url(http://static.naver.com/www/m/im/bgtn.gif) repeat-x 0 0;
    color: #fff;
    text-align: center;
}

    .tn a {
        color: #fff;
    }

    .tn .lg a {
        display: block;
        overflow: hidden;
        position: relative;
        width: 74px;
        height: 35px;
        margin: 0 auto;
        line-height: 35px;
        font-size: .8em;
        color: #6f0;
    }

    .tn .lg span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: url(http://static.naver.com/www/m/im/tn.gif) no-repeat 10px 0;
    }

    .tn .bk {
        display: block;
        position: absolute;
        top: 3px;
        left: 5px;
        width: 48px;
        height: 28px;
        background: #2a3650 url(http://static.naver.com/www/m/im/tn.gif) no-repeat 0 -35px;
        line-height: 28px;
        font-size: 13px;
        letter-spacing: -1px;
        text-align: left;
        text-indent: 17px;
        white-space: nowrap;
    }

.hh {
    position: relative;
    width: 100%;
    height: 35px;
    background: #3B3B3B url(http://static.naver.com/m/comic/im/bg.gif) repeat-x 0 -33px;
    color: #fff;
    text-align: center;
}

    .hh a {
        color: #fff;
    }

    .hh h1 {
        overflow: hidden;
        height: 35px;
        padding: 0 80px;
        line-height: 35px;
        font-size: 15px;
    }

        .hh h1 em {
            color: #1dd938;
        }

    .hh .bt {
        display: inline-block;
        width: 70px;
        height: 28px;
        background: #748289 url(http://static.naver.com/m/comic/im/ts.gif) no-repeat 0 -61px;
        line-height: 28px;
        font-size: 13px;
        letter-spacing: -1px;
        white-space: nowrap;
    }

.ht {
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #000;
    background: #202020;
}

.nv1 {
    overflow: hidden;
    width: 100%;
}

    .nv1 ul {
        padding-left: 1%;
    }

    .nv1 li {
        float: left;
        text-align: center;
        line-height: 30px;
    }

        .nv1 li a {
            display: block;
            width: 100%;
            height: 32px;
            color: #fff;
            font-weight: bold;
            letter-spacing: -1px;
        }

        .nv1 li.on a {
            color: #f60;
        }

        .nv1 li a em {
            font-family: Helvetica;
            font-size: 12px;
            color: #f60;
        }

        .nv1 li:nth-child(1) {
            width: 18%;
        }

        .nv1 li:nth-child(2) {
            width: 18%;
        }

        .nv1 li:nth-child(3) {
            width: 24%;
        }

        .nv1 li:nth-child(4) {
            width: 14%;
        }

        .nv1 li:nth-child(5) {
            position: relative;
            width: 26%;
        }

            .nv1 li:nth-child(5):after {
                display: block;
                overflow: hidden;
                position: absolute;
                left: -1px;
                top: 7px;
                width: 1px;
                height: 16px;
                border-left: 1px solid #000;
                background: #363636;
                content: '';
            }

.hh2 {
    position: relative;
    width: 100%;
    height: 33px;
    border-bottom: 1px solid #b0b0b0;
    background: #fff;
    color: #000;
    text-align: center;
}

    .hh2 h1 {
        line-height: 34px;
        font-size: 16px;
    }

    .hh2 .bt5 {
        padding: 0 .4em;
        color: #666;
    }

    .hh2 .pl, .hh2 .pr {
        top: 3px;
    }

        .hh2 .pl .bt5 {
            margin-right: -1px;
        }

        .hh2 .pr .bt5 {
            margin-left: -1px;
            padding: 0 1.1em 0 .6em;
        }

.gb {
    overflow: hidden;
    width: 100%;
    height: 5px;
    border-bottom: 1px solid #b0b0b0;
    background: #f4f5f5;
}

.cb {
    overflow: hidden;
    width: 100%;
    height: 4px;
    background: #3368d4 url(http://static.naver.com/m/comic/im/bg.gif) repeat-x 0 -68px;
}

.cht {
    position: relative;
    width: 100%;
    height: 34px;
    background: #f4f5f5 url(http://static.naver.com/m/comic/im/bg.gif) repeat-x 0 -72px;
    color: #000;
    text-align: center;
}

.nv2 {
    overflow: hidden;
    width: 100%;
}

    .nv2 ul {
        margin-right: -8px;
        padding: 4px 4px 0 2px;
    }

    .nv2 li {
        overflow: hidden;
        float: left;
        height: 30px;
        margin-right: -2px;
        background: url(im/bg.gif) no-repeat 0 -354px;
        line-height: 28px;
        text-align: center;
        white-space: nowrap;
    }

    .nv2 .l1 {
        background: none;
    }

    .nv2 a, .nv2 span {
        display: block;
        height: 100%;
    }

    .nv2 li.on {
        background: #fff url(http://static.naver.com/m/comic/im/bg.gif) repeat-x 0 -226px;
        line-height: 33px;
    }

    .nv2 .on a {
        background: url(http://static.naver.com/m/comic/im/bg.gif) no-repeat 0 -196px;
        color: #000;
    }

    .nv2 .on span {
        background: url(http://static.naver.com/m/comic/im/bg.gif) no-repeat 100% -256px;
    }

.chn {
    position: relative;
    width: 100%;
    height: 34px;
    border-bottom: 1px solid #b2b3b4;
    background: #f4f5f5;
    color: #000;
    text-align: center;
}

.nv3 {
    padding: 3px 2px 0;
}

    .nv3 dd {
        float: left;
        text-align: center;
        position: relative;
    }

        .nv3 dd:first-of-type {
            background: none;
        }

    .nv3 .f {
        background: none;
    }

    .nv3 a {
        display: block;
        padding: 5px 0;
        font-weight: bold;
        font-size: 14px;
        color: #353535;
    }

        .nv3 a:before {
            position: absolute;
            right: 100%;
            top: 5px;
            width: 1px;
            height: 16px;
            content: ' ';
            background: #e4e4e4;
        }

        .nv3 a:after {
            position: absolute;
            left: 100%;
            top: 5px;
            width: 1px;
            height: 16px;
            content: ' ';
            background: #fdfdfd;
        }

    .nv3 .on a {
        color: #F60;
    }

    .nv3 dd.f a:before, .nv3 dd:last-child a:after {
        background: none;
    }

    .nv3.m1 {
        margin: 0 4px;
        padding: 3px 0 3px 0;
    }

.chn.m2 {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    height: auto !important;
    margin-top: -2px;
}

    .chn.m2.close {
        height: 34px;
    }

        .chn.m2.close a {
            border-bottom: 0;
        }

    .chn.m2 ul {
        position: relative;
        padding-right: 35px;
        margin-top: -1px;
        border-top: 1px solid #fdfdfd;
    }

        .chn.m2 ul:after {
            display: block;
            content: '';
            clear: both;
        }

    .chn.m2 li {
        float: left;
        width: 32.8%;
        height: 34px;
        font-size: 14px;
        font-weight: bold;
        border-left: 1px solid #fff;
        border-right: 1px solid #e3e3e3;
    }

        .chn.m2 li:nth-child(3n+1) {
            border-left: none;
        }

        .chn.m2 li:nth-child(3n) {
            border-right: 1px solid #b2b3b4;
        }

        .chn.m2 li:nth-child(13), .chn.m2 li:nth-child(14), .chn.m2 li:nth-child(15) {
            border-bottom: none;
        }

        .chn.m2 li.on a {
            color: #F60;
        }

    .chn.m2 a {
        display: block;
        height: 16px;
        padding: 8px 0;
        color: #353535;
        border-bottom: 1px solid #e3e3e3;
        border-top: 1px solid #fdfdfd;
    }

    .chn.m2 li.end a {
        border-bottom: 0;
    }

    .chn.m2 a.more {
        display: block;
        position: absolute;
        top: -2px;
        right: 0;
        width: 35px;
        height: 100%;
        padding: 0;
        border-left: 1px solid #fdfdfd;
        text-indent: -99999px;
    }

        .chn.m2 a.more span {
            position: absolute;
            top: 50%;
            right: 35%;
            width: 11px;
            height: 7px;
            margin-top: -10px;
            background: url(http://static.naver.net/m/comic/im/2012/im_3g.png) no-repeat 0 -122px;
        }

    .chn.m2.close a.more span {
        background: url(http://static.naver.net/m/comic/im/2012/im_3g.png) no-repeat -16px -122px;
        margin: 0;
    }

.chn.m3 {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    height: auto !important;
    margin-top: -2px;
}

    .chn.m3.close {
        height: 34px;
    }

        .chn.m3.close a {
            border-bottom: 0;
        }

    .chn.m3 ul {
        position: relative;
        padding-right: 36px;
        margin-top: -1px;
        border-top: 1px solid #fdfdfd;
    }

        .chn.m3 ul:after {
            display: block;
            content: '';
            clear: both;
        }

    .chn.m3 li {
        float: left;
        width: 24.6%;
        height: 34px;
        font-size: 14px;
        font-weight: bold;
        border-left: 1px solid #fff;
        border-right: 1px solid #e3e3e3;
    }

        .chn.m3 li:nth-child(4n-3) {
            width: 24.4%;
        }

        .chn.m3 li:nth-child(4n+1) {
            border-left: none;
        }

        .chn.m3 li:nth-child(4n) {
            width: 24.4%;
            border-right: 1px solid #b2b3b4;
        }

        .chn.m3 li:nth-child(13), .chn.m2 li:nth-child(14), .chn.m2 li:nth-child(15), .chn.m2 li:nth-child(16) {
            border-bottom: none;
        }

        .chn.m3 li.on a {
            color: #F60;
        }

    .chn.m3 a {
        display: block;
        height: 16px;
        padding: 8px 0;
        color: #353535;
        border-bottom: 1px solid #e3e3e3;
        border-top: 1px solid #fdfdfd;
    }

    .chn.m3 li.end a {
        border-bottom: 0;
    }

    .chn.m3 a.more {
        display: block;
        position: absolute;
        top: -2px;
        right: 0;
        width: 35px;
        height: 100%;
        padding: 0;
        border-left: 1px solid #fdfdfd;
        border-bottom: 0;
        text-indent: -99999px;
    }

        .chn.m3 a.more span {
            position: absolute;
            top: 50%;
            right: 35%;
            width: 11px;
            height: 7px;
            margin-top: -10px;
            background: url(http://static.naver.net/m/comic/im/2012/im_3g.png) no-repeat 0 -122px;
        }

    .chn.m3.close a.more span {
        background: url(http://static.naver.net/m/comic/im/2012/ic_arr.png) no-repeat 0 0;
        margin-top: -1px;
        background-size: 11px 7px;
    }

.chh {
    position: relative;
    width: 100%;
    min-width: 320px;
    min-height: 37px;
    border-bottom: 2px solid #383838;
    background: #fff;
    color: #000;
    text-align: center;
}

    .chh h1 {
        display: table;
        overflow: hidden;
        padding: 0 90px 0 76px;
        margin: 0 auto;
        line-height: 35px;
        font-size: 15px;
        vertical-align: middle;
    }

        .chh h1 a {
            display: table-cell;
            width: auto;
            margin-top: 0;
            background: none;
        }

            .chh h1 a em {
                display: -webkit-flex;
                display: -moz-flex; 
                display: -o-flex; 
                display: -ms-flex; 
                display: flex; 
                /*-webkit-line-clamp: 1;*/
                -webkit-flex-direction: column;
                -moz-flex-direction: column; 
                -o-flex-direction: column; 
                -ms-flex-direction: column; 
                flex-direction: column;
                width: auto;
                margin-top: 0;
                line-height: 37px;
            }

    .chh .bt_area {
        position: absolute;
        top: 5px;
        right: 5px;
    }

.bt_area {
    display: -webkit-flex;
    display: -moz-flex; 
    display: -o-flex; 
    display: -ms-flex; 
    display: flex;
}

    .bt_area .bt {
        display: inline-block;
        overflow: hidden;
        height: 25px;
        margin: 0 0 0 3px;
        padding: 0 5px;
        border: 1px solid #acacac;
        border-radius: 3px;
        background-color: #fff;
        background: linear-gradient(to bottom right, #FFFFFF 0%, #F3F3F3 100%);
        box-shadow: inset 1px 1px 0 #fefefe;
        line-height: 26px;
        font-size: 12px;
        font-weight: bold;
        color: #434343;
        letter-spacing: -1px;
    }

    .bt_area .share {
        display: inline-block;
        overflow: hidden;
        width: 42px;
        height: 27px;
        margin-left: 3px;
        background: url(http://static.naver.net/m/comic/im/2013/btn_share.png) no-repeat 0 0;
        background-size: 42px 60px;
        line-height: 999px;
    }

        .bt_area .share.on {
            background-position: 0 -33px;
        }

.spi_section {
    display: none;
    margin: 4px 5px 10px 10px;
    padding: 10px 0 9px 0;
    border: 1px solid #909090;
    border-radius: 4px;
    background: #f2f2f2;
    text-align: center;
}

    .spi_section.open {
        display: block;
    }

.ly_share {
    overflow: hidden;
    width: 284px;
    margin: 0 auto;
}

    .ly_share .tit_sns {
        float: left;
        padding: 9px 0 0 4px;
        font-weight: bold;
        font-size: 13px;
        color: #181818;
        text-shadow: 0 1px 0 #fafafa;
    }

.spi_section .spi_wrap {
    margin: 0;
}

    .spi_section .spi_wrap .spug {
        text-align: right;
    }

        .spi_section .spi_wrap .spug a {
            margin-left: 6px;
        }

.cha {
    position: relative;
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #cecece;
    background: #fff;
    color: #000;
    text-align: center;
}

    .cha .txt {
        position: absolute;
        right: 10px;
        top: 11px;
        color: #5e5e5e;
        font-size: 12px;
    }

.cha_2 {
    margin-bottom: -1px;
}

.h_smart_toon {
    text-align: left;
}

    .h_smart_toon h1 {
        padding: 0 175px 0 0;
        margin: 0 0 0 10px;
    }

    .h_smart_toon .ico_smart {
        display: inline-block;
        margin: 11px 2px 0;
        vertical-align: top;
    }

#ct {
    padding-bottom: 25px;
}

.toonlst_pb {
    margin-bottom: 0;
    padding-bottom: 0!important;
}

.t12 {
    font-size: .86em;
}

.t13 {
    font-size: .93em;
}

.txn {
    font-weight: normal;
}

.bl1 {
    border-bottom: 1px solid #dfdfdf;
}

.iic2 {
    display: inline-block;
    padding-right: 17px;
    background: url(http://static.naver.com/m/comic/im/ti_i2_20.png) no-repeat 100% 11px!important;
    background-size: 15px 15px!important;
}

.pp12 {
    top: 120px;
}

.pp2w {
    position: relative;
    margin: 10px 5px;
    padding: 30px 0 0;
    border: 4px solid #383838;
    background: #fff;
    letter-spacing: -1px;
    text-align: center;
    z-index: 20;
}

    .pp2w .mbc {
        overflow: hidden;
        margin: 0 30px;
    }

    .pp2w .fim {
        float: left;
        margin-right: .8em;
        border: 1px solid #b4b4b4;
    }

    .pp2w .fct {
        text-align: left;
    }

        .pp2w .fct img {
            vertical-align: middle;
        }

        .pp2w .fct strong {
            vertical-align: middle;
        }

        .pp2w .fct .cs {
            font-size: .86em;
            color: #666;
            vertical-align: bottom;
        }

        .pp2w .fct .bar {
            margin: 0 2px;
            color: #c2c2c2;
        }

    .pp2w p {
        overflow: hidden;
        width: auto;
    }

        .pp2w p.pt {
            clear: both;
            padding-top: 12px;
            text-align: left;
            line-height: 19px;
        }

    .pp2w .ac {
        width: 100%;
        margin-top: 1.5em;
        padding: 1em 0 1.4em;
        border-top: 1px solid #f3f3f3;
        background: #fbfbfb;
    }

        .pp2w .ac input {
            padding: .2em .6em;
            font-size: 1em;
        }

    .pp2w .smart {
        display: inline-block;
        margin: 3px 0 0 2px;
        font-size: 13px;
        color: #f13e07;
        vertical-align: top;
    }

.im_c {
    padding: 0 10px;
    text-align: center;
}

.ic3 img {
    width: 30px;
    height: 16px;
    background: url(http://static.naver.com/m/comic/im/ic_ton.gif) no-repeat 0 0;
}

.ic_fn img {
    background-position: -28px 0;
}

.ic_up img {
    width: 24px;
    height: 15px;
    background-position: 0 0;
    vertical-align: middle;
    margin: -2px 0 2px;
}

.sc1 {
    padding: 10px;
}

.sc3 {
    padding: 0 10px;
}

.sc4 {
    padding: 10px 0;
}

.sc5 {
    padding: 10px 10px 0;
}

.sc6 {
    padding: 30px 10px;
}

.bt3 .p {
    display: inline-block;
    padding-left: 1.1em;
    background: url(http://static.naver.net/m/comic/im/ib3.png) no-repeat 2px -386px;
}

.bt51 {
    display: inline-block;
    border: 1px solid #bcbcbc;
    background: #f1f1f1 url(http://static.naver.com/www/m/cm/im/bt.gif) repeat-x 0 0;
    color: #666;
    letter-spacing: -1px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.bt51 {
    height: 25px;
    padding: 0 .6em;
    background-position: 0 -65px;
    line-height: 25px;
    font-size: .93em;
}

.bt5 .ck {
    display: inline-block;
    padding-left: 1.4em;
    background: url(http://static.naver.net/m/comic/im/ib3.png) no-repeat 2px -180px;
}

.bt5 .pv {
    display: inline-block;
    padding-left: 1em;
    background: url(http://static.naver.net/m/comic/im/ib3.png) no-repeat 2px 7px;
}

.bt7 .w16b {
    width: 16%;
    border-left: 1px solid #bcbcbc;
    background: none;
}

.bt7 .w17 {
    width: 17%;
}

.bt7 .w25 {
    width: 25%;
}

.bt7 .w25b {
    width: 24%;
    border-left: 1px solid #bcbcbc;
    background: none;
}

.bt7 .w33 {
    width: 33%;
}

.bt7 .w50 {
    width: 49%;
}

.bt7 .w100 {
    width: 100%;
}

.fx2 {
    width: 100%;
}

.top_bgm {
    position: relative;
}

.btn_bgm {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 30;
    width: 58px;
    height: 23px;
    border: 0;
    background: url(http://static.naver.net/m/comic/im/2013/btn_bgm.png) no-repeat 0 0;
    background-color: transparent;
    cursor: pointer;
    text-indent: -999px;
    background-size: 58px 50px;
}

    .btn_bgm.on {
        background-position: 0 -27px;
    }

.o .sbt2 {
    text-indent: 0!important;
}

.cmt {
    margin-top: 15px;
}

    .cmt .wr {
        padding: 19px 9px 17px;
        border-top: 1px solid #707070;
        border-bottom: 1px solid #d5d5d5;
        background: #fafafa;
    }

        .cmt .wr h3 {
            margin-bottom: 2px;
            font-weight: normal;
            font-size: 1em;
            color: #555;
        }

            .cmt .wr h3 strong {
                font-weight: bold;
                color: #181818;
            }

        .cmt .wr .c {
            font-size: .93em;
            color: #919191;
        }

    .cmt .star {
        position: relative;
        padding: 19px 0 0;
        border-bottom: 1px solid #d5d5d5;
    }

        .cmt .star h3 {
            margin-bottom: 4px;
            padding-left: 9px;
            font-size: 1em;
            color: #181818;
        }

        .cmt .star .pnt {
            margin-bottom: 25px;
            padding-left: 9px;
            font-size: .929em;
        }

            .cmt .star .pnt .num {
                font-family: Helvetica;
                font-size: 14px;
                color: #f13e07;
            }

            .cmt .star .pnt .tjoin {
                margin-left: 2px;
                padding-left: 8px;
                background: url(http://static.naver.com/m/comic/im/sp_bu2.gif) 0 3px no-repeat;
                color: #909090;
            }

        .cmt .star .bt_s {
            position: absolute;
            top: 35px;
            right: 9px;
        }

        .cmt .star .com {
            position: absolute;
            top: 35px;
            right: 9px;
            font-size: .929em;
            color: #666;
        }

    .cmt .bt5 .dn {
        display: inline-block;
        padding-right: 1em;
        background: url(http://static.naver.com/m/comic/im/sp_bu2.gif) 100% -30px no-repeat;
    }

    .cmt .bt5 .up {
        display: inline-block;
        padding-right: 1em;
        background: url(http://static.naver.com/m/comic/im/sp_bu2.gif) 100% -115px no-repeat;
    }

    .cmt .in {
        padding: 14px 0 0;
        border-top: 2px solid #383838;
    }

        .cmt .in h3 {
            margin: 0 0 8px 9px;
            font-size: 1em;
            font-weight: normal;
        }

        .cmt .in .bx {
            padding: 10px 9px 15px;
            border-top: 1px solid #e7e7e7;
            border-bottom: 1px solid #dfdfdf;
            background: #f5f5f5;
        }

            .cmt .in .bx textarea {
                width: 100%;
                border: 1px solid #bcbcbc;
                font-size: .929em;
                line-height: 1.2em;
                color: #666;
            }

            .cmt .in .bx .b {
                height: 35px;
            }

                .cmt .in .bx .b a {
                    float: right;
                    margin-top: 8px;
                }

    .cmt .fbtn {
        height: 52px;
        margin-bottom: 15px;
    }

        .cmt .fbtn a {
            display: block;
            float: right;
            margin: 13px 9px 0 0;
            padding-right: .9em;
            background: url(http://static.naver.com/m/comic/im/sp_bu2.gif) 100% -97px no-repeat;
            font-size: 1em;
            font-weight: bold;
            color: #181818;
        }

    .cmt .pg1 {
        padding: 15px 0 1px;
    }

    .cmt .grade {
        margin-top: -7px;
        padding: 15px 0 20px;
        border-top: 1px solid #e7e7e7;
        background: #f5f5f5;
        text-align: center;
    }

        .cmt .grade .bt5 {
            height: 24px;
            padding: 0 .85em;
            line-height: 254px;
        }

.u_grp {
    display: inline-block;
    overflow: hidden;
    width: 75px;
    height: 13px;
    margin: -2px 0 2px;
    background: #ccc url(http://static.naver.com/m/comic/im/ico_grp_star.gif) repeat-x 0 -13px;
    font-size: 0;
    vertical-align: middle;
}

.u_grp_v {
    display: inline-block;
    height: 13px;
    background: #f14a10 url(http://static.naver.com/m/comic/im/ico_grp_star.gif) repeat-x 0 0;
}

.u_grade {
    position: relative;
    width: 300px;
    margin: 0 auto;
    padding-bottom: 13px;
    text-align: center;
}

.u_grade_bw {
    overflow: hidden;
    width: 175px;
    margin: 0 auto;
}

.u_grade_b, .u_grade_b2 {
    overflow: hidden;
    float: left;
    width: 14px;
    height: 26px;
    border: 0;
    background: #ccc url(http://static.naver.com/m/comic/im/ico_grade.gif) no-repeat 0 0;
    text-indent: -100em;
    cursor: pointer;
}

.u_grade_b2 {
    background-color: #ddd;
    background-position: -14px 0;
}

.u_grade_bon {
    background: #f14a10 url(http://static.naver.com/m/comic/im/ico_grade.gif) no-repeat 0 -26px;
}

.u_grade_b2.u_grade_bon {
    background-color: #ea2b0c;
    background-position: -14px -26px;
}

.u_grade_n {
    float: left;
    width: 35px;
    font-size: 2em;
    line-height: normal;
    letter-spacing: -1px;
    white-space: nowrap;
}

    .u_grade_n a {
        display: block;
    }

.u_grade_dsc {
    clear: both;
    padding-top: 5px;
    font-size: .857em;
    color: #ed1b23;
}

.u_grade_m, .u_grade_p {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: 32px;
    height: 26px;
    text-indent: -100em;
}

.u_grade_m {
    left: 0;
    background: url(http://static.comic.naver.com/staticImages/COMICWEB/NAVER/img/common/ico_grade.gif) no-repeat 0 -58px;
}

.u_grade_p {
    right: 0;
    background: url(http://static.comic.naver.com/staticImages/COMICWEB/NAVER/img/common/ico_grade.gif) no-repeat 0 -87px;
}

.u_pg, .u_pg_lod {
    background: #e6e7e7;
    background: linear-gradient(to bottom right, #FFFFFF 0%, #F6F6F6 30%, #E7EAE9 80%, #DDE3E4 100%);
    box-shadow: inset 0 1px 0 #fefefe,inset 0 -1px 0 #d8dada;
}

.u_pg {
    display: table;
    position: relative;
    width: 100%;
    height: 45px;
    margin-top: -1px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #cecece;
    text-align: center;
}

.u_pg_btn {
    display: table-cell;
    border-right: 1px solid #d3d3d3;
    line-height: 1em;
}

.u_pg_area {
    display: table;
    position: relative;
    height: 43px;
    margin: 0 auto;
    padding-left: 23px;
    background: url(http://static.comic.naver.com/staticImages/COMICWEB/NAVER/img/common/ico_pg.gif) no-repeat 0 10px;
    font-size: 1em;
}

.u_pg_wrap {
    display: block;
    position: relative;
}

.u_pg_lod {
    display: block;
    position: absolute;
    top: 0;
    width: 21px;
    height: 43px;
    margin-left: -29px;
}

.u_pg_lodic, .u_pg_lodjs {
    display: inline-block;
    overflow: hidden;
    width: 21px;
    height: 22px;
    margin-top: 11px;
    text-indent: -999em;
}

.u_pg_lodic {
    background: url(http://static.comic.naver.com/staticImages/COMICWEB/NAVER/img/common/ico_lod2.gif) no-repeat 50% 50%;
}

.u_pg_lodjs {
    background: url(http://static.comic.naver.com/staticImages/COMICWEB/NAVER/img/common/ico_lod2_ngif.png) no-repeat;
}

.u_pg_txt {
    display: table-cell;
    line-height: 1.25em;
    vertical-align: middle;
}

.u_pg_cnt {
    font-size: .79em;
    line-height: 1.25em;
    color: #666;
}

.u_pg_total {
    color: #a6a6a6;
}

.u_pg_end .u_pg_btn {
    background: none;
    background-color: #fafafa;
    box-shadow: none;
}

.u_pg_end .u_pg_area {
    background: none;
}

.u_pg_top {
    display: table-cell;
    width: 53px;
    padding-top: 18px;
    border-left: 1px solid #fdfdfd;
    background: url(http://static.comic.naver.com/staticImages/COMICWEB/NAVER/img/common/ico_pg.gif) no-repeat 50% -53px;
    font-size: .8em;
    color: #707070;
    vertical-align: top;
}

.u_pg2 {
    padding: 15px 0;
    font-size: .86em;
    text-align: center;
    white-space: nowrap;
}

.u_pg2_btn {
    display: inline-block;
    padding: .42em .86em;
    border: 1px solid #bcbcbc;
    background: #f1f1f1;
    background: linear-gradient(to bottom right, #FFFFFF 0%, #FBFBFB 50%, #F1F1F1 100%);
    color: #666;
}

    .u_pg2_btn.uc_vh {
        visibility: hidden;
    }

.u_pg2 .u_pg2_prev, .u_pg2_next {
    display: inline-block;
    background: url(http://static.naver.com/m/comic/im/ib3.png) no-repeat;
    font-size: .93em;
}

.u_pg2 .u_pg2_prev {
    padding-left: .86em;
    background: url(http://static.naver.com/m/comic/im/ib3.png) no-repeat;
    background-position: 0 3px;
}

.u_pg2 .u_pg2_next {
    padding-right: .86em;
    background: url(http://static.naver.com/m/comic/im/ib3.png) no-repeat;
    background-position: 100% -36px!important;
}

.u_pg2_pg {
    display: inline-block;
    padding: .42em .85em;
    font-size: 1.07em;
    font-weight: bold;
    color: #181818;
}

.u_pg2_total {
    color: #5e5e5e;
}

.books_banner {
    position: absolute;
    left: 50%;
    bottom: 7px;
    z-index: 600;
    margin-left: -152px;
}

.books_banner_g {
    position: relative;
    width: 397px;
    height: 84px;
    margin: 0 auto;
}

.tx_hide {
    display: none;
}

.btn_cls_off {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.banner_area {
    position: absolute;
    top: 123px;
    left: 27px;
}

.gnb, .u_ftlkbt:before {
    background-color: transparent;
    background-image: url(http://static.naver.net/m/comic/im/2012/u_cm2.png);
    background-repeat: no-repeat;
}

.ico_l, .u_ftst:before {
    background-color: transparent;
    background-image: url(http://static.naver.net/m/comic/im/2012/ico_l_10.png);
    background-repeat: no-repeat;
}

#newWebtoonflick {
    clear: both;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 124px;
}

.newWebtoonflick-container {
    clear: both;
    overflow: hidden;
    width: 3795px;
}

.newWebtoonflick-panel {
    float: left;
    width: 100%;
    height: 100%;
}

.new_webtoon {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 124px;
    padding: 16px 0;
    background: url(http://static.naver.net/m/comic/im/2012/bg_newwebtoon.png) repeat-x 0 0;
}

    .new_webtoon .tit {
        float: left;
        margin-left: 10px;
        font-size: 14px;
        font-weight: bold;
        text-shadow: 0 1px 0 #fff;
    }

        .new_webtoon .tit strong {
            font-weight: bold;
            color: #fa3b03;
        }

            .new_webtoon .tit strong span {
                font-style: italic;
            }

    .new_webtoon .pageing {
        float: right;
        width: 54px;
    }

        .new_webtoon .pageing .pg_num_area_v2 {
            width: 46px;
            margin-top: -5px;
            padding-bottom: 8px;
            line-height: 20px;
            letter-spacing: 0;
            text-align: right;
        }

        .new_webtoon .pageing .pg_num_on2 {
            color: #32a800;
        }

        .new_webtoon .pageing .pg_num {
            display: inline-block;
            overflow: hidden;
            width: 7px;
            height: 7px;
            border: 1px solid #c6c6c6;
            background: #dfdfdf;
            color: transparent;
            vertical-align: middle;
            border-radius: 4px;
        }

        .new_webtoon .pageing .pg_num_on {
            border-color: #ee3c14;
            background: #fe8505;
            background: linear-gradient(to bottom right, #FE880F 0%, #FE8000 100%);
            border-radius: 4px;
        }

.webtoon_lst ul {
    clear: both;
    overflow: hidden;
    padding: 4px 0 0 7px;
}

.webtoon_lst li {
    float: left;
    width: 33%;
    text-align: center;
}

    .webtoon_lst li a {
        display: block;
        position: relative;
        width: 96px;
        margin: 0 auto;
    }

    .webtoon_lst li .im_br {
        display: block;
        position: relative;
        width: 96px;
        height: 53px;
        z-index: 10;
    }

        .webtoon_lst li .im_br:after {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 94px;
            height: 51px;
            z-index: 10;
            border: 1px solid #000;
            opacity: .1;
            content: '';
        }

        .webtoon_lst li .im_br .nw {
            position: absolute;
            top: -1px;
            left: -1px;
            width: 34px;
            height: 34px;
            background: url(http://static.naver.net/m/comic/im/2012/ico_thumbnew.png) no-repeat;
        }

        .webtoon_lst li .im_br .end {
            position: absolute;
            top: -1px;
            left: -1px;
            width: 34px;
            height: 34px;
            background: url(http://static.naver.net/m/comic/im/2012/ico_thumbend.png) no-repeat;
        }

        .webtoon_lst li .im_br .ico_break {
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 20;
            width: 33px;
            height: 16px;
            background: url(http://static.naver.net/m/comic/im/2012/ico_breaktoon3g.png) no-repeat;
        }

            .webtoon_lst li .im_br .ico_break strong {
                display: block;
                text-indent: -9999px;
            }

        .webtoon_lst li .im_br .ico_smart {
            position: absolute;
            right: 1px;
            bottom: 1px;
            z-index: 20;
            width: 43px;
            height: 16px;
            background: url(http://static.naver.net/m/comic/im/2012/ico_smart_thumb.png) no-repeat;
            background-size: 43px 16px;
        }

            .webtoon_lst li .im_br .ico_smart strong {
                display: block;
                text-indent: -9999px;
            }

.webtoon_lst .author {
    margin-top: 8px;
}

    .webtoon_lst .author strong {
        display: block;
        overflow: hidden;
        width: 100%;
        margin-bottom: 1px;
        font-size: 15px;
        font-weight: bold;
        color: #181818;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.a .webtoon_lst .author strong {
    margin-bottom: 0;
    padding-bottom: 5px;
}

.webtoon_lst .author span {
    display: block;
    overflow: hidden;
    width: 100%;
    font-size: 12px;
    color: #5e5e5e;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.new_ribbon {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 43px;
    height: 43px;
    background: url(http://static.naver.net/m/comic/im/2012/ico_cartoon_new.png) no-repeat;
}

.toon_tit {
    position: relative;
    border-top: 1px solid #313741;
    border-bottom: 1px solid #eeeeef;
}

    .toon_tit p {
        height: 27px;
        padding: 8px 0 0 9px;
        background: #e4e7ea;
        background: linear-gradient(to bottom right, #E4E7EA 0%, #E0E2E4 100%);
        border-top: 1px solid #090c11;
        border-bottom: 1px solid #a6abaf;
        font-size: 15px;
        font-weight: bold;
        color: #181818;
        text-shadow: 0 1px 0 #fff;
    }

    .toon_tit .sub_menu {
        position: absolute;
        right: 7px;
        top: 5px;
        width: 143px;
        height: 27px;
        background: url(http://static.naver.net/m/comic/im/2012/bg_tabtoon3g.png) no-repeat 0 0;
    }

        .toon_tit .sub_menu a {
            display: inline-block;
            width: 73px;
            height: 26px;
            margin: 0 -1px;
            font-size: 13px;
            text-align: center;
            line-height: 26px;
        }

    .toon_tit .code1 .web {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toon_tit .code1 .best {
        color: #000;
        text-shadow: 0 1px 0 #fff;
    }

    .toon_tit .code2 {
        background-position: 0 -27px;
    }

        .toon_tit .code2 .web {
            color: #000;
            text-shadow: 0 1px 0 #fff;
        }

        .toon_tit .code2 .best {
            color: #fff;
            text-shadow: 0 1px 0 #000;
        }

.age_top .toon_tit {
    border-top: 1px solid #313741;
    border-bottom: 0;
}

.lst .text_area {
    position: relative;
    padding-right: 65px;
    white-space: nowrap;
}

.lst .text_area2 {
    position: relative;
    padding-right: 0;
    white-space: nowrap;
}

.lst .best_area {
    padding-right: 70px;
}

.lst .ico_group {
    position: absolute;
    margin: 1px 0 0 1px;
}

    .lst .ico_group img {
        margin: 0 -1px;
        vertical-align: top;
    }

#realtimeflick {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 356px;
}

.realtimeflick-container {
    clear: both;
    overflow: hidden;
    width: 3795px;
}

.realtimeflick-panel {
    float: left;
    width: 100%;
    height: 100%;
}

#recommendflick {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 356px;
}

.recommendflick-container {
    clear: both;
    overflow: hidden;
    width: 3795px;
}

.recommendflick-panel {
    float: left;
    width: 100%;
    height: 100%;
}

#recentlyTitleflick {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 356px;
}

.recentlyTitleflick-container {
    clear: both;
    overflow: hidden;
    width: 3795px;
}

.recentlyTitleflick-panel {
    float: left;
    width: 100%;
    height: 100%;
}

#recommendGenreflick {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 356px;
}

.recommendGenreflick-container {
    clear: both;
    overflow: hidden;
    width: 3795px;
}

.recommendGenreflick-panel {
    float: left;
    width: 100%;
    height: 100%;
}

.top_toonlst {
    clear: both;
    overflow: hidden;
    margin: -1px 0 0;
    border-bottom: 1px solid #f2f2f2;
}

    .top_toonlst li {
        clear: both;
        width: 100%;
        height: 70px;
        border-top: 1px solid #ebebeb;
    }

        .top_toonlst li .lst {
            clear: both;
            position: relative;
        }

            .top_toonlst li .lst a {
                display: block;
                overflow: hidden;
                height: 56px;
                padding: 14px 35px 0 88px;
            }

        .top_toonlst li .im_br {
            display: block;
            position: absolute;
            top: 14px;
            left: 10px;
            width: 71px;
            height: 42px;
            z-index: 10;
        }

            .top_toonlst li .im_br:after {
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 69px;
                height: 40px;
                z-index: 10;
                border: 1px solid #000;
                opacity: .1;
                content: '';
            }

            .top_toonlst li .im_br .nw {
                position: absolute;
                top: 0;
                left: 0;
                width: 34px;
                height: 34px;
                background: url(http://static.naver.net/m/comic/im/2012/ico_thumbnew.png) no-repeat;
                z-index: 50;
            }

            .top_toonlst li .im_br .end {
                position: absolute;
                top: 0;
                left: 0;
                width: 34px;
                height: 34px;
                background: url(http://static.naver.net/m/comic/im/2012/ico_thumbend.png) no-repeat;
                z-index: 50;
            }

        .top_toonlst li .top_info {
            display: inline-block;
            position: relative;
            width: auto;
            max-width: 100%;
            margin: 3px 0 0 2px;
            vertical-align: top;
        }

        .top_toonlst li .toon_name {
            display: inline-block;
            overflow: hidden;
            width: auto;
            _width: 100%;
            max-width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            vertical-align: top;
            font-size: 15px;
            font-weight: bold;
            color: #181818;
        }

        .top_toonlst li .name_bar {
            display: inline-block;
            margin: 0 4px 0 5px;
            font-size: 15px;
            color: #dedede;
            vertical-align: top;
        }

        .top_toonlst li .best {
            display: inline;
            font-size: 13px;
            font-weight: normal;
            color: #5e5e5e;
            vertical-align: top;
        }

        .top_toonlst li .toon_name strong {
            margin-right: 4px;
            color: #fa3b03;
            font-weight: bold;
        }

        .top_toonlst li .toon_name em {
            font-family: Helvetica;
            font-size: 15px;
        }

        .top_toonlst li .bar {
            display: inline-block;
            margin: 0 3px 0 4px;
            font-weight: normal;
            color: #dedede;
            vertical-align: middle;
        }

        .top_toonlst li .sub_info {
            display: block;
            overflow: hidden;
            width: auto;
            _width: 100%;
            max-width: 100%;
            margin: 4px 0 0 3px;
            white-space: nowrap;
            text-overflow: ellipsis;
            vertical-align: top;
            font-size: 13px;
            color: #5e5e5e;
            font-weight: normal;
        }

            .top_toonlst li .sub_info strong {
                color: #fa3b03;
            }

            .top_toonlst li .sub_info .st1 .u_grp {
                margin-top: 0;
            }

            .top_toonlst li .sub_info .bar {
                margin: 0 4px 0 5px;
                color: #dedede;
            }

            .top_toonlst li .sub_info .ico_bgm {
                display: inline-block;
                width: 11px;
                height: 17px;
                background: url(http://static.naver.net/m/comic/im/2013/ico_bgm.png) no-repeat 0 5px;
                text-indent: -999px;
                background-size: 11px 10px;
            }

        .top_toonlst li .ckbox {
            position: absolute;
            top: 28px;
            left: 10px;
        }

        .top_toonlst li a.right_arr {
            background: url(http://static.naver.com/www/m/cm/im/bu_lk.gif) no-repeat 100% 50%;
        }

.top_info .if1 {
    font-size: 12px;
    color: #5e5e5e;
    vertical-align: middle;
}

.top_info .st_r {
    color: #f13e07;
    vertical-align: middle;
}

.toonlst2 li {
    height: 81px;
}

    .toonlst2 li .lst a {
        padding: 14px 35px 0 82px;
    }

    .toonlst2 li.smart_toon {
        background: #f4f4f4;
        border-top: 1px solid #b2b3b4;
    }

        .toonlst2 li.smart_toon .u_grp {
            background: url(http://static.naver.net/m/comic/im/2012/ico_grp_star.png);
        }

        .toonlst2 li.smart_toon .u_grp_v {
            background: url(http://static.naver.net/m/comic/im/2012/ico_grp_star.png);
        }

.toonlst2 .lst .im_br {
    width: 63px;
    height: 51px;
}

    .toonlst2 .lst .im_br:after {
        width: 61px;
        height: 49px;
    }

.toonlst2 .lst .top_info {
    margin: 0;
}

.toonlst2 .lst .sub_info {
    margin: 2px 0 -2px;
}

.toonlst2 .lst .info2 {
    margin: 2px 0 -1px;
}

    .toonlst2 .lst .info2 .best {
        font-size: 13px;
        color: #5e5e5e;
    }

.toonlst3 li .lst a {
    padding-right: 10px;
}

.toon_checklst li .lst a {
    margin-left: 38px;
    padding-left: 78px;
    padding-right: 50px;
}

.toon_checklst li .im_br {
    left: 38px;
}

.toon_checklst2 li .lst a {
    margin-left: 38px;
    padding-left: 70px;
    padding-right: 50px;
}

.toon_checklst2 li .im_br {
    left: 38px;
}

.toon_checklst2 li .ckbox {
    top: 33px;
}

.right_area {
    clear: both;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 70px;
    line-height: 70px;
    font-family: helvetica;
    font-size: 9px;
    color: #f3352d;
    font-weight: bold;
}

    .right_area em {
        display: inline-block;
        font-size: 11px;
        margin-left: 14px;
        color: #5e5e5e;
    }

    .right_area .ico {
        background: url(http://static.naver.net/m/comic/im/2012/ico_l_size.png) no-repeat;
        background-size: 20px 100px;
    }

    .right_area .up {
        background-position: 0 0;
    }

    .right_area .down {
        background-position: 0 -20px;
    }

    .right_area .none {
        height: 2px;
        margin-top: 0;
        background-position: 0 -40px;
        vertical-align: top;
    }

.age_top {
    overflow: hidden;
    width: 100%;
    margin-top: 25px;
}

.age_lst {
    overflow: hidden;
    background: url(http://static.naver.net/m/comic/im/2012/bg_age.png) no-repeat 100% 0;
}

    .age_lst li {
        float: left;
        width: 17%;
        height: 50px;
        background: url(http://static.naver.net/m/comic/im/2012/bg_age.png) no-repeat;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
    }

    .age_lst li {
        background-position: 100% 0;
    }

        .age_lst li:first-child, .age_lst li:last-child {
            width: 16%;
        }

        .age_lst li:last-child {
            background: none;
        }

        .age_lst li.on {
            background-position: 0 -50px;
        }

            .age_lst li.on a {
                background-position: 0 -50px;
            }

            .age_lst li.on strong {
                color: #fdcb00;
            }

            .age_lst li.on span {
                color: #fff;
            }

.last_on {
    background-position: 100% -50px;
}

.age_top .right_area {
    height: 80px;
    line-height: 80px;
}

.age_lst li a {
    display: block;
    height: 41px;
    margin-right: 1px;
    padding-top: 9px;
    background: url(http://static.naver.net/m/comic/im/2012/bg_age.png) no-repeat 0 0;
    color: #cfcfd2;
}

.age_lst a strong {
    display: block;
    font-size: 13px;
    font-weight: bold;
}

.age_lst a span {
    display: block;
}

.nothing_toonlst {
    padding-top: 54px;
    font-weight: bold;
    font-size: 15px;
    color: #181818;
    text-align: center;
    margin-bottom: 35px;
}

    .nothing_toonlst .no_img {
        display: block;
        margin: 0 auto;
        margin-bottom: 29px;
    }

        .nothing_toonlst .no_img.week, .register {
            margin-top: 1px!important;
            background: url(http://static.naver.net/m/comic/im/2012/no_3g.png) no-repeat;
            width: 110px;
            height: 108px;
        }

        .nothing_toonlst .no_img.srch {
            background: url(http://static.naver.net/m/comic/im/2012/no_srch_3g.png) no-repeat;
            width: 106px;
            height: 103px;
        }

    .nothing_toonlst .srch_word {
        padding-top: 1px!important;
        font-size: 15px;
        font-weight: bold;
        color: #f13e07;
    }

    .nothing_toonlst p.msg {
        font-size: 13px;
        font-weight: normal;
        line-height: 19px;
        color: #5e5e5e;
        margin: 10px 0 -3px 0;
    }

.pg {
    clear: both;
    padding: 4px 0 20px;
    border-bottom: 1px solid #dedede;
    text-align: center;
}

    .pg.in {
        padding: 4px 76px 18px;
    }

    .pg.hn {
        padding: 12px 76px 13px;
        border-bottom: 0;
    }

    .pg.hn2 {
        padding: 13px 76px 13px;
        border-bottom: 0;
    }

.pg_btn {
    overflow: hidden;
    width: 40px;
    height: 24px;
    border: 0;
    background: url(http://static.naver.net/m/comic/im/2012/u_cm2.png) no-repeat;
    font-size: 0;
    color: #fbfbfb;
    letter-spacing: -1px;
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;
}

.pg_num_area {
    display: inline-block;
    width: 54px;
    margin-top: -1px;
    font-size: .93em;
    line-height: 23px;
    color: #999;
    letter-spacing: 2px;
    vertical-align: top;
}

.pg_num_area_v1 {
    width: 69px;
    padding-bottom: 3px;
    line-height: 20px;
    letter-spacing: 0;
}

.pg_num_area_v2 {
    width: 48px;
    padding-bottom: 3px;
    line-height: 20px;
    letter-spacing: 0;
}

.pg_num_on2 {
    color: #32a800;
}

.pg_num {
    display: inline-block;
    overflow: hidden;
    width: 5px;
    height: 5px;
    border: 1px solid #c6c6c6;
    background: #dfdfdf;
    color: transparent;
    vertical-align: middle;
    border-radius: 3px;
}

.pg_num_on {
    width: 7px;
    height: 7px;
    border-color: #118d07;
    background: #29b80a;
    background: linear-gradient(to bottom right, #36BD0E 0%, #15AF04 100%);
    border-radius: 4px;
}

.u_pg_str {
    letter-spacing: -1px;
}

.pg_btn_next {
    margin-left: 4px;
    background-position: 100% -220px;
}

.pg_btn_prev {
    margin-right: 3px;
    background-position: 0 -220px;
}

.u_ft {
    position: relative;
    padding-top: 25px;
    background: #fff;
}

.u_ft_none {
    padding-top: 7px;
}

.u_hsft {
    margin-top: -5px;
    padding: 0 5px;
}

    .u_hsft .u_hs {
        padding-bottom: 6px;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .u_hsft .u_itw {
        overflow: hidden;
    }

    .u_hsft .u_itwi {
        position: relative;
        height: 23px;
        padding: 5px 39px 0 6px;
        border-color: #cecece;
        box-shadow: none;
    }

    .u_hsft .u_hssbt {
        background-color: #f2f2f2;
        color: #777;
    }

    .u_hsft .u_hsw {
        border-bottom: 0;
        background: none;
        box-shadow: none;
    }

    .u_hsft .u_hs .u_hssbt_ss {
        background-position: -100px -75px;
    }

    .u_hsft .u_hs .u_hssbt_us {
        background-position: -142px -75px;
    }

.u_ftsw {
    overflow: hidden;
    margin: 13px 0 20px;
    font-size: 12px;
}

    .u_ftsw .u_ftst {
        float: right;
        position: relative;
        margin-right: 5px;
        padding-right: 8px;
        border: 1px solid #afafaf;
        border-radius: 3px;
        background-color: #fefefe;
        line-height: 25px;
        font-size: 12px;
        color: #444;
    }

        .u_ftsw .u_ftst .u_ico {
            display: inline-block;
            width: 20px;
            height: 25px;
            margin-right: 2px;
            background: url(http://static.naver.net/m/comic/im/2012/arr_top.gif) 7px 8px no-repeat;
            background-size: 9px 8px;
            vertical-align: top;
        }

.u_ftsa .u_ico {
    display: inline-block;
    height: 19px;
    margin-right: 4px;
    vertical-align: -5px;
    background: url(http://static.naver.net/m/comic/im/2012/ico_s_size.png) no-repeat;
}

.u_ftst .u_ico {
    display: inline-block;
    height: 19px;
    margin-right: 4px;
    vertical-align: -5px;
}

.u_ftsa {
    float: left;
    margin: 4px 0 0 8px;
    letter-spacing: -1px;
}

    .u_ftsa .u_ico {
        width: 19px;
        background-position: 0 -50px;
    }

.u_ftsa2 {
    margin-left: 19px;
}

    .u_ftsa2 .u_ico {
        background-position: 0 -80px;
    }

.u_ftsa_v1 .u_ico {
    background-position: -57px -186px;
}

.u_ftlkw {
    border-top: 1px solid #dcdcdc;
    padding-top: 7px;
    background: #f4f4f4;
    text-align: center;
}

    .u_ftlkw .u_ftlk {
        display: inline-block;
        width: 58px;
        border: 1px solid #afafaf;
        border-radius: 3px;
        background-color: #fff;
        background: linear-gradient(to bottom right, #FFFFFF 0%, #F3F3F3 100%);
        font-size: 12px;
        line-height: 25px;
        color: #444;
        text-align: center;
        vertical-align: top;
    }

    .u_ftlkw .u_ftlkbt {
        display: inline-block;
        position: relative;
        width: 73px;
        border: 1px solid #afafaf;
        border-radius: 3px;
        background-color: #fff;
        background: linear-gradient(to bottom right, #FFFFFF 0%, #F3F3F3 100%);
        font-size: .85em;
        line-height: 25px;
        color: #444;
        text-align: center;
        vertical-align: top;
    }

.u_crt {
    clear: both;
    padding: 15px 0 0;
    background: #f4f4f4;
    font-size: 12px;
    line-height: 14px;
    color: #a2a2a2;
    text-align: center;
}

.u_cr {
    clear: both;
    padding: 7px 0 12px;
    background: #f4f4f4;
    font-size: 12px;
    line-height: 14px;
    color: #9e9e9e;
    text-align: center;
}

.u_cri {
    display: inline-block;
    margin: 0 2px;
}

.u_cri_v1 {
    margin-left: 1px;
    padding-left: 7px;
    background: url(http://static.naver.net/m/comic/im/2012/u_cm.png) no-repeat 0 -83px;
}

.u_cra {
    font-size: 12px;
    color: #9e9e9e;
}

.u_cra_v1 {
    font-size: 11px;
}

.u_pg3 {
    position: relative;
    width: 180px;
    margin: 14px auto 15px;
    text-align: center;
}

    .u_pg3 a {
        display: inline-block;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 38px;
        height: 22px;
        border: 1px solid #bcbcbc;
        background: #f9f9f9 url(http://static.naver.net/m/comic/im/ib3.png) no-repeat;
        background: url(http://static.naver.net/m/comic/im/ib3.png) no-repeat,linear-gradient(to bottom right, #F8F8F8 0%, #EFEFEF 100%);
        border-radius: 4px;
        box-shadow: inset 0 -1px 0 #f6f6f6,inset 0 1px 0 #fff;
        text-indent: -99999px;
    }

    .u_pg3 .prev {
        left: 0;
        background-position: 14px 5px,0 0;
    }

    .u_pg3 .next {
        right: 0;
        background-position: 8px -34px,0 0;
    }

.u_pg3_pg {
    display: inline-block;
    font-size: 1.07em;
    font-weight: bold;
    line-height: 1.57em;
    color: #181818;
}

    .u_pg3_pg span {
        color: #5e5e5e;
    }

.other_webtoon {
    border-top: 1px solid #515151;
}

    .other_webtoon:nth-child(n+2) {
        margin-top: 25px;
    }

    .other_webtoon h3 {
        overflow: hidden;
        height: 33px;
        border-top: 1px solid #444;
        border-bottom: 1px solid #c0c0c0;
        background: linear-gradient(to bottom right, #F7F7F7 0%, #F2F2F2 100%);
    }

        .other_webtoon h3 span {
            display: inline-block;
            overflow: hidden;
            padding: 9px 0 0 11px;
            font-size: 14px;
            font-weight: bold;
            color: #181818;
        }

    .other_webtoon #recentlyTitleflick {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 214px;
    }

    .other_webtoon #recommendGenreflick {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 122px;
        border-bottom: 1px solid #ebebeb;
    }

.toon_lst2 {
    margin-top: 15px;
}

    .toon_lst2 li {
        float: left;
        width: 24.9%;
        text-align: center;
    }

        .toon_lst2 li a {
            display: block;
            width: 100%;
            height: 100%;
        }

        .toon_lst2 li .thumb {
            display: inline-block;
            position: relative;
            width: 63px;
            height: 51px;
        }

            .toon_lst2 li .thumb:after {
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 61px;
                height: 49px;
                z-index: 10;
                border: 1px solid #000;
                opacity: .1;
                content: '';
            }

    .toon_lst2 .author {
        margin: 7px 5px 0;
    }

        .toon_lst2 .author strong {
            display: block;
            overflow: hidden;
            width: 100%;
            margin-bottom: 1px;
            font-size: 14px;
            font-weight: bold;
            color: #181818;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .toon_lst2 .author span {
            display: block;
            overflow: hidden;
            width: 100%;
            font-size: 12px;
            color: #5e5e5e;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

    .toon_lst2 .ico_break {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 33px;
        height: 16px;
        background: url(http://static.naver.net/m/comic/im/2012/ico_breaktoon3g.png) no-repeat;
        z-index: 30;
    }

        .toon_lst2 .ico_break strong {
            display: block;
            text-indent: -9999px;
        }

    .toon_lst2 .ico_smart {
        position: absolute;
        right: 1px;
        bottom: 1px;
        z-index: 20;
        width: 43px;
        height: 16px;
        background: url(http://static.naver.net/m/comic/im/2012/ico_smart_thumb.png) no-repeat;
        background-size: 43px 16px;
    }

        .toon_lst2 .ico_smart strong {
            display: block;
            text-indent: -9999px;
        }

.plugin {
    padding: 5px 0;
    border-bottom: 1px solid #d5d5d5;
}

.sort {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
}

    .sort li {
        float: left;
        padding: .5em 0;
        color: #5e5e5e;
        font-size: 13px;
        white-space: nowrap;
    }

        .sort li:first-child {
            padding-left: 16px;
        }

        .sort li.on {
            color: #000;
        }

        .sort li input {
            position: relative;
            margin-top: 1px;
            vertical-align: top;
        }

.lin {
    clear: both;
    padding: .7em .7em .6em;
    border-bottom: 1px solid #e6e6e6;
    color: #909090;
    text-align: center;
}

.break_notice {
    padding: 12px 0 11px;
    background: #fafafa;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
}

    .break_notice img {
        margin: 2px 4px 0 0;
        vertical-align: top;
    }

    .break_notice em {
        font-family: Helvetica;
        font-size: 13px;
    }

.notice_box {
    clear: both;
    overflow: hidden;
    width: 100%;
}

.best_notice {
    height: 53px;
    margin: 3px 10px 0 10px;
    padding: 20px 0 0 27px;
    background: #fafafa;
    border: 1px solid #eee;
}

    .best_notice p {
        font-size: 13px;
        line-height: 18px;
    }

        .best_notice p img {
            margin: 2px 4px 0 0;
            vertical-align: top;
        }

        .best_notice p strong {
            color: #f03209;
        }

        .best_notice p .sub {
            margin-left: 17px;
        }

.smart_gnb {
    background: #f1f1f1;
    border-bottom: 1px solid #cecece;
    font-size: 14px;
}

    .smart_gnb h1 {
        padding: 0;
        line-height: 37px;
    }

    .smart_gnb .ico_beta {
        display: inline-block;
        width: 17px;
        height: 8px;
        margin: 12px 0 0 2px;
        background: url(http://static.naver.net/m/comic/im/2012/ico_beta.png) no-repeat;
        background-size: 17px 8px;
        vertical-align: top;
    }

        .smart_gnb .ico_beta strong {
            display: block;
            overflow: hidden;
            text-indent: -9999px;
        }

.smart_guide {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: url(http://static.naver.net/m/comic/im/2012/bg_banner_pattan.png) repeat-x 0 0;
    background-size: 14px 82px;
    text-align: left;
    z-index: 20;
}

    .smart_guide a {
        display: block;
    }

        .smart_guide a img {
            vertical-align: top;
        }

    .smart_guide .arrow {
        display: block;
        position: absolute;
        right: 11px;
        top: 50%;
        width: 6px;
        height: 9px;
        margin-top: -4px;
        background: url(http://static.naver.net/m/comic/im/2012/bu_arrow.png) no-repeat;
        background-size: 6px 9px;
    }

.u_hsbt_smart {
    right: 5px;
}

.goto_area {
    display: none;
    overflow: hidden;
    background-color: #f4f4f4;
}

.a .goto_area {
    display: block;
}

.goto_area a.goto {
    display: block;
    height: 30px;
    margin: 0 10px 57px;
    padding: 10px 10px 10px;
    border: 1px solid #d3d5d9;
    border-radius: 2px;
    background-color: #fcfcfc;
    font-size: 14px;
    color: #333;
}

    .goto_area a.goto .app_comic, .goto_area a.goto .ico_add {
        background: url(http://static.naver.net/m/comic/im/2012/ic_app.png) no-repeat;
        vertical-align: top;
        font-size: 0;
        line-height: 0;
        color: transparent;
        background-size: 30px 65px;
    }

    .goto_area a.goto .app_comic {
        float: left;
        width: 30px;
        height: 30px;
        margin: 0 9px 0 0;
        background-position: 0 -35px;
    }

    .goto_area a.goto em {
        display: block;
        position: relative;
        top: -2px;
        margin-bottom: -3px;
        font-size: 11px;
        color: #666;
    }

    .goto_area a.goto strong {
        font-weight: normal;
        color: #009403;
    }

    .goto_area a.goto .ico_add {
        display: inline-block;
        width: 13px;
        height: 13px;
        margin-top: 1px;
        background-position: 0 0;
    }

.top_toonlst li .lst .stop_notice {
    padding: 4px 0 0 1px;
    font-size: 13px;
    color: #5e5e5e;
}

.stop_notice_txt p {
    height: 23px;
    padding-top: 17px;
    font-size: 13px;
    color: #5e5e5e;
    text-align: center;
}

    .stop_notice_txt p a {
        display: inline-block;
        color: #3285c0;
        font-size: 13px;
    }

    .stop_notice_txt p .bar {
        display: inline-block;
        margin: 0 3px 0;
        font-size: 1.2em;
        font-weight: normal;
        color: #dedede;
        vertical-align: top;
    }

.webtoon_banner {
    width: 100%;
    background: url(http://static.naver.net/m/comic/im/promo/da_promo_pattan2.gif) repeat-x;
    background-size: 35px 50px;
}

    .webtoon_banner a {
        display: block;
    }

.rpt_area {
    text-align: right;
    margin: 18px 14px -3px;
}

    .rpt_area a {
        font-size: 13px;
        font-weight: bold;
        color: #2a81be;
    }

.end_pl {
    padding-top: 3px;
    border-top: 1px solid #c9c9c9;
    background: #fff;
    text-align: left;
}

    .end_pl .tit .mb, .end_pl .tit .mge, .end_pl .tit .cart, .end_pl .co, .end_pl .dial, .end_pl .ads {
        display: inline-block;
        background: url(http://static.naver.net/m/comic/im/2012/sp_ap.png) no-repeat;
        background-size: 72px 81px;
    }

    .end_pl .pl {
        padding: 0 0 5px 10px;
        font-size: 1.15em;
        font-weight: bold;
    }

    .end_pl .pl_h {
        position: relative;
    }

    .end_pl .ads {
        display: block;
        overflow: hidden;
        position: absolute;
        top: 5px;
        right: 8px;
        width: 72px;
        height: 11px;
        background-position: 0 -54px;
        text-indent: -9999em;
    }

    .end_pl ul {
        padding-bottom: 3px;
    }

    .end_pl .lk {
        padding: 13px 10px 16px;
        border-bottom: 1px solid #dcdcdc;
    }

    .end_pl li.lk:last-child {
        border-bottom: none;
    }

    .end_pl .tit {
        padding-bottom: 3px;
    }

        .end_pl .tit a {
            color: #005fc1;
        }

        .end_pl .tit em {
            position: relative;
            vertical-align: top;
        }

        .end_pl .tit .mb {
            top: -2px;
            width: 10px;
            height: 14px;
            margin-left: 2px;
            background-position: -1px -1px;
            text-indent: -5000px;
            vertical-align: middle;
        }

        .end_pl .tit .mge {
            top: 1px;
            width: 16px;
            height: 16px;
            margin-left: 2px;
            background-position: -1px -16px;
            text-indent: -5000px;
        }

        .end_pl .tit .co {
            top: 0;
            width: 13px;
            height: 16px;
            margin-left: 1px;
            background-position: -1px -33px;
            text-indent: -5000px;
        }

    .end_pl .cnt {
        overflow: hidden;
        padding-bottom: 3px;
        color: #666;
        font-size: 13px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .end_pl .ctt {
        padding-top: 3px;
    }

    .end_pl .dial {
        float: left;
        margin: -1px 7px 0 0;
        padding: 1px 6px 2px 18px;
        border: 1px solid #d1dee2;
        background-color: #f9fafa;
        background-position: 4px -65px;
        color: #666;
        font-size: 13px;
    }

    .end_pl .blog {
        display: block;
        overflow: hidden;
        color: #32a800;
        font-size: 13px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

@media screen and (orientation:landscape) {
    .goto_area a.goto {
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 30px;
    }

        .goto_area a.goto em {
            display: inline-block;
            top: 0;
            font-size: 16px;
            color: #333;
        }

        .goto_area a.goto .ico_add {
            vertical-align: -1px;
        }
}
